<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的考勤</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/myAttendance.css">
<link href="../dev/css/mobiscroll.core-2.6.2.css" rel="stylesheet"
	type="text/css" />
<link href="../dev/css/mobiscroll.animation-2.6.2.css" rel="stylesheet"
	type="text/css" />
<link href="../dev/css/mobiscroll.android-ics-2.6.2.css"
	rel="stylesheet" type="text/css" />
<script src="//cdn.bootcss.com/jquery/1.11.1-rc2/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="../dev/js/mobiscroll.core-2.6.2.js" type="text/javascript"></script>
<script src="../dev/js/mobiscroll.core-2.6.2-zh.js"
	type="text/javascript"></script>
<script src="../dev/js/mobiscroll.datetime-2.6.1.js"
	type="text/javascript"></script>
<script src="../dev/js/mobiscroll.datetime-2.6.1-zh.js"
	type="text/javascript"></script>
<script src="../dev/js/mobiscroll.android-ics-2.6.2.js"
	type="text/javascript"></script>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

.content {
	padding: 15px;
}
</style>

<script type="text/javascript">
        $(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'bottom', //显示方式 
		        mode: 'scroller', //日期选择模式
				lang:'zh',
		        startYear:currYear - 10, //开始年份
		        endYear:currYear //结束年份
			};

			$("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		  	var optTime = $.extend(opt['time'], opt['default']);
        });
    </script>
</head>
<body>
	<div class="panel-group" id="accordion">
		<div class="panel panel-primary">
			<button data-toggle="collapse" data-parent="#accordion"
				data-target="#collapseOne" id="2015-12-01"
				class="panel panel-heading panel-title btn btn-primary">2015-12-01</button>
			<div id="collapseOne" class="panel-collapse collapse">
				<div class="container-fluid">
					<div class="panel-body list-group">
						<div class="list-group-item">
							<button class="btn btn-primary" type="button"
								data-toggle="collapse" data-target="#resultId1"
								aria-expanded="false" aria-controls="resultId1">考勤规则1</button>
							<div class="collapse" id="resultId1">
								<div class="well container-fluid">
									<div class="row">
										<div class="col-xs-4 text-right">签到时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 13:21</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S319</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签退时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 15:02</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S302</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">考勤结果：</div>
										<div class="col-xs-8 text-left">迟到</div>
									</div>
								</div>
							</div>
						</div>

						<div class="list-group-item">
							<button class="btn btn-primary" type="button"
								data-toggle="collapse" data-target="#resultId2"
								aria-expanded="false" aria-controls="resultId2">考勤规则2</button>
							<div class="collapse" id="resultId2">
								<div class="well container-fluid">
									<div class="row">
										<div class="col-xs-4 text-right">创建者：</div>
										<div class="col-xs-8 text-left">张三</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 13:21</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S319</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签退时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 15:02</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S302</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">考勤结果：</div>
										<div class="col-xs-8 text-left">迟到</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="panel panel-primary">
			<button data-toggle="collapse" data-parent="#accordion"
				data-target="#collapseTwo" id="2015-12-01"
				class="panel panel-heading panel-title btn btn-primary">2015-12-01</button>
			<div id="collapseTwo" class="panel-collapse collapse">
				<div class="container-fluid">
					<div class="panel-body list-group">
						<div class="list-group-item">
							<button class="btn btn-primary" type="button"
								data-toggle="collapse" data-target="#resultId3"
								aria-expanded="false" aria-controls="resultId3">考勤规则1</button>
							<div class="collapse" id="resultId3">
								<div class="well container-fluid">
									<div class="row">
										<div class="col-xs-4 text-right">创建者：</div>
										<div class="col-xs-8 text-left">张三</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 13:21</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S319</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签退时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 15:02</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S302</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">考勤结果：</div>
										<div class="col-xs-8 text-left">迟到</div>
									</div>
								</div>
							</div>
						</div>

						<div class="list-group-item">
							<button class="btn btn-primary" type="button"
								data-toggle="collapse" data-target="#resultId4"
								aria-expanded="false" aria-controls="resultId4">考勤规则2</button>
							<div class="collapse" id="resultId4">
								<div class="well container-fluid">
									<div class="row">
										<div class="col-xs-4 text-right">创建者：</div>
										<div class="col-xs-8 text-left">张三</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 13:21</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S319</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签退时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 15:02</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S302</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">考勤结果：</div>
										<div class="col-xs-8 text-left">迟到</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="panel panel-primary">
			<button data-toggle="collapse" data-parent="#accordion"
				data-target="#collapseThree" id="2015-12-01"
				class="panel panel-heading panel-title btn btn-primary">2015-12-01</button>
			<div id="collapseThree" class="panel-collapse collapse">
				<div class="container-fluid">
					<div class="panel-body list-group">
						<div class="list-group-item">
							<button class="btn btn-primary" type="button"
								data-toggle="collapse" data-target="#resultId5"
								aria-expanded="false" aria-controls="resultId5">考勤规则1</button>
							<div class="collapse" id="resultId5">
								<div class="well container-fluid">
									<div class="row">
										<div class="col-xs-4 text-right">创建者：</div>
										<div class="col-xs-8 text-left">张三</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 13:21</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S319</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签退时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 15:02</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S302</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">考勤结果：</div>
										<div class="col-xs-8 text-left">迟到</div>
									</div>
								</div>
							</div>
						</div>

						<div class="list-group-item">
							<button class="btn btn-primary" type="button"
								data-toggle="collapse" data-target="#resultId6"
								aria-expanded="false" aria-controls="resultId6">考勤规则2</button>
							<div class="collapse" id="resultId6">
								<div class="well container-fluid">
									<div class="row">
										<div class="col-xs-4 text-right">创建者：</div>
										<div class="col-xs-8 text-left">张三</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 13:21</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S319</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签退时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 15:02</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S302</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">考勤结果：</div>
										<div class="col-xs-8 text-left">迟到</div>
									</div>
								</div>
							</div>
						</div>

						<div class="list-group-item">
							<button class="btn btn-primary" type="button"
								data-toggle="collapse" data-target="#resultId7"
								aria-expanded="false" aria-controls="resultId7">考勤规则2</button>
							<div class="collapse" id="resultId7">
								<div class="well container-fluid">
									<div class="row">
										<div class="col-xs-4 text-right">创建者：</div>
										<div class="col-xs-8 text-left">张三</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 13:21</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S319</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签退时间：</div>
										<div class="col-xs-8 text-left">2015-12-01 15:02</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">签到位置：</div>
										<div class="col-xs-8 text-left">浙江大学软件学院S302</div>
									</div>

									<div class="row">
										<div class="col-xs-4 text-right">考勤结果：</div>
										<div class="col-xs-8 text-left">迟到</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 日期搜索组件 -->
	<div id="datePicker" class="content" align="center">
		<label for="appDate" id="datePicker-label" class="">请选择日期：</label> <input
			name="appDate" id="appDate" class="" readonly="readonly" />
		<button type="submit" id="datePicker-button" class="btn btn-default"
			onclick="relocate();">确定</button>
	</div>
</body>
</html>